{
	template:`
	<a-page-header title="订单明细"  >
		<template #extra>
			<a-button type="primary" @click="save">保存</a-button>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px 20px 0'}">
			<a-form class="index-form" :wrapper-col="{span:24}">
				<a-row :gutter="10">
					<a-col :span="16">
						<a-form-item label="服务商品" class="index-form-item">
						    <div v-if="model.serve.oid">
						        <a-tag :color="model.serve.type.color">{{model.serve.type.name}}</a-tag>
						        {{model.serve.title}}
							    <a-button type="primary" size="small" @click="selectOneModel(model,'serve','action/member/manage/serveGoods/selectList',750)">选择</a-button>
						        <div v-if="model.serve.description" class="text-sm text-grey">{{model.serve.description}}</div>
						        <div>
						            <span class="padding-tb-xs padding-right">单价：{{model.serve.price}}元</span>
						            <span class="padding-tb-xs" v-if="model.serve.discount">优惠比例：{{model.serve.discount}}%</span>
						        </div>
						    </div>
                            <a-button v-else class="margin-left-sm" type="primary" size="small" @click="selectOneModel(model,'serve','action/member/manage/serveGoods/selectList',750)">选择</a-button>
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="数量" class="index-form-item-sm">
							<a-input-number v-model:value="model.num" placeholder="请输入数量" :precision="2" :min="0" />
						</a-form-item>
						<a-form-item label="金额" class="index-form-item-sm">
                            {{formatNumber(model.serve.price*model.num*(100-model.serve.discount)/100,"#,##0.00")}}元
						</a-form-item>
					</a-col>
				</a-row>
			</a-form>
		</a-card>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			model:{"serve":{}}
		};
	},
	mounted(){
	    this.model=this.param.model;
	},
	methods:{
		save:function(){
			this.requestData('action/member/order/orderDetail/doSave',
				{model:this.model},
				data=>{
					if(!data.code){
						this.$message.success(data.msg);
						this.back(true);
					}else{
						this.$message.error(data.msg);
					}
				}
			);
		},
	}
}